<div class="m-focus j-focus">
    <div class="focus-bd">
        <div id="js-focusSlick" class="js-slick m-focusSlick slick-initialized slick-slider slick-dotted" role="toolbar">
            <button type="button" class="slick-prev icon-normal-slick-leftRound w-icon-normal slick-arrow" style="display: block; left: 226.5px;" (click)='onPrev()'></button>
            <!-- -->
            <div aria-live="polite" class="slick-list draggable">
                <div #listbox class="slick-track" style="opacity: 1; width: 8315px;" role="listbox">
                    <div class="item f-imgCenterBanner slick-slide" data-slick-index="0" aria-hidden="true" style="width: 1663px; position: relative; left: 0px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms ease 0s;"
                        tabindex="-1" role="option" aria-describedby="slick-slide00">
                        <a class="wrap" href="http://you.163.com/act/pub/oLYM4wTpjC.html?_stat_area=banner_1&amp;_stat_referer=index" target="_blank"
                            title="活动 618预热" tabindex="-1">
<img class="js-img" src="../../../../assets/png/b24c7b6f59eb11297a0658361a960cea.jpg" alt="活动 618预热">
</a>
                    </div>
                    <div class="item f-imgCenterBanner slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1663px; position: relative; left: -1663px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms ease 0s;"
                        tabindex="-1" role="option" aria-describedby="slick-slide01">
                        <a class="wrap" href="http://you.163.com/act/pub/yKk2yqDnXb.html?_stat_area=banner_2&amp;_stat_referer=index" target="_blank"
                            title="活动 特卖会" tabindex="-1">
<img class="js-img" src="../../../../assets/png/b8592547918a40586f5f15a788e9d43e.jpg" alt="活动 特卖会">
</a>
                    </div>
                    <div class="item f-imgCenterBanner slick-slide slick-current slick-active" data-slick-index="2" aria-hidden="false" style="width: 1663px; position: relative; left: -3326px; top: 0px; z-index: 999; opacity: 1;"
                        tabindex="-1" role="option" aria-describedby="slick-slide02">
                        <a class="wrap" href="http://you.163.com/act/pub/3Ir8uyqCPQ.html?_stat_area=banner_3&amp;_stat_referer=index" target="_blank"
                            title="活动 夏日清凉趴" tabindex="0">
<img class="js-img" src="../../../../assets/png/5ff39a8062ee87afaf895c93a4445e7a.jpg" alt="活动 夏日清凉趴">
</a>
                    </div>
                    <div class="item f-imgCenterBanner slick-slide" data-slick-index="3" aria-hidden="true" style="width: 1663px; position: relative; left: -4989px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms ease 0s;"
                        tabindex="-1" role="option" aria-describedby="slick-slide03">
                        <a class="wrap" href="http://you.163.com/item/list?categoryId=1005000&amp;_stat_area=banner_4&amp;_stat_referer=index" target="_blank"
                            title="类目 居家" tabindex="-1">
<img class="js-img" src="../../../../assets/png/7aa2413203c4789ccba171ca3125fd6f.jpg" alt="类目 居家">
</a>
                    </div>
                    <div class="item f-imgCenterBanner slick-slide" data-slick-index="4" aria-hidden="true" style="width: 1663px; position: relative; left: -6652px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms ease 0s;"
                        tabindex="-1" role="option" aria-describedby="slick-slide04">
                        <a class="wrap" href="http://you.163.com/topic/v1/pub/edFokMTSv4.html?_stat_area=banner_5&amp;_stat_referer=index" target="_blank"
                            title="专题 男士穿搭" tabindex="-1">
<img class="js-img" src="../../../../assets/png/3b38f605c9d4567e01ce57dd3187b9cd.jpg" alt="专题 男士穿搭">
</a>
                    </div>
                </div>
            </div>
            <!-- -->
            <!-- -->

            <!-- -->
            <!-- -->

            <!-- -->
            <!-- -->

            <!-- -->
            <!-- -->

            <!-- -->
            <!-- -->
            <button type="button" class="slick-next icon-normal-slick-rightRound w-icon-normal slick-arrow" style="display: block; right: 226.5px;" (click)='onNext2()'></button>
            <ul #wh class="slick-dots" style="display: block;" role="tablist">
                <li #wh2 class="" aria-hidden="true" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><button type="button" data-role="none" role="button" tabindex="0" (click)='OnNext(1)'>1</button></li>
                <li aria-hidden="true" role="presentation"  aria-selected="false" aria-controls="navigation01" id="slick-slide01" class=""><button type="button" data-role="none" role="button" tabindex="0" (click)='OnNext(2)'>2</button></li>
                <li aria-hidden="false" role="presentation" aria-selected="false" aria-controls="navigation02" id="slick-slide02" class="slick-active"><button type="button" data-role="none" role="button" tabindex="0" (click)='OnNext(3)'>3</button></li>
                <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation03" id="slick-slide03" class=""><button type="button" data-role="none" role="button" tabindex="0" (click)='OnNext(4)'>4</button></li>
                <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation04" id="slick-slide04" class=""><button type="button" data-role="none" role="button" tabindex="0" (click)='OnNext(5)'>5</button></li>
            </ul>
        </div>
    </div>
</div>